import React from 'react'
import ReactDOM from 'react-dom'

// 1.先定义
function Hello1() {
  return <h1>Hello React1</h1>
}

function Hello2() {
  return <h1>Hello React2</h1>
}

const ele = (
  <>
    {/* 表示字符串的 '1' */}
    <Hello1 key='1' />
    和上面等价
    {/* <Hello1 key={'1'} /> */}
    {/* 如果期望是数字可以用 {} 包裹一下 */}
    <Hello1 key={8} />
    <div title='true'>hello</div>
    {/* 和上面等价 */}
    <div title={'true'}>hello</div>
    {/* 下面是布尔 */}
    <div titlex={"true"}>hello</div>
    <Hello2 key='2' />
  </>
)

ReactDOM.render(ele,document.querySelector('#react'))